iT邦幫忙

2023 iThome 鐵人賽

DAY 28
0

Table 控制項

  • 以表格形式組織和顯示內容。

GridLines 屬性

None:不顯示任何網格線。是為預設值。

Horizontal:只顯示水平網格線。

Vertical:只顯示垂直網格線。

Both:同時顯示水平和垂直網格線。

CellSpacing 屬性

  • 用於指定表格中每個儲存格之間的間距。

CellPadding 屬性

  • 指定表格中每個儲存格內容與儲存格邊框之間的距離。

TableRow 控制項

  • 可將表格劃分成許多列。

HorizontalAlign 屬性

NotSet:未設置水平對齊方式,此為預設值。

Left:將內容左對齊。

Center:將內容置中對齊。

Right:將內容右對齊。

VerticalAlign 屬性

NotSet:未設置水平對齊方式,此為預設值。

Top:將內容頂部對齊。

Middle:將內容垂直置中對齊。

Bottom:將內容底部對齊。

Table 控制項範例

建一個簡單的表格

<asp:Table ID="Table1" runat="server" GridLines="Both">
    <asp:TableHeaderRow>
        <asp:TableCell>品牌</asp:TableCell>
        <asp:TableCell>產品名稱</asp:TableCell>
        <asp:TableCell>價格</asp:TableCell>
    </asp:TableHeaderRow>
    <asp:TableRow>
        <asp:TableCell>Apple</asp:TableCell>
        <asp:TableCell>iPhone 15</asp:TableCell>
        <asp:TableCell>29,900元至40,400元</asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell>SONY</asp:TableCell>
        <asp:TableCell>Xperia 1 V</asp:TableCell>
        <asp:TableCell>38,990元至41,990元</asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell>Samsung</asp:TableCell>
        <asp:TableCell>Galaxy Z Flip5</asp:TableCell>
        <asp:TableCell>32,888元至36,888元</asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell>OPPO</asp:TableCell>
        <asp:TableCell>OPPO Find N2 Flip</asp:TableCell>
        <asp:TableCell>31,990元</asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell>Google</asp:TableCell>
        <asp:TableCell>Pixel 7a</asp:TableCell>
        <asp:TableCell>14,990元</asp:TableCell>
    </asp:TableRow>
</asp:Table>

https://ithelp.ithome.com.tw/upload/images/20231008/20162273vPbTIeurDX.jpg

執行の結果


https://ithelp.ithome.com.tw/upload/images/20231008/20162273nAD9o1G3N7.jpg

※以上資料如有錯誤請多指教

參考資料

書名:ASP.NET 4.6動態網頁程式設計技術實作:使用C#


上一篇
Day27 - 容器控制項
下一篇
Day29 - 月曆控制項
系列文
連續30天學習C#和ASP.NET30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言